Sistema Interno Volvo

A Volvo possuía um sistema interno já em operação, porém com visual defasado, pouca consistência entre telas e baixa eficiência na apresentação das informações. A experiência funcionava apenas no desktop, o que limitava a mobilidade dos times internos e reduzia a produtividade no acesso às informações fora do ambiente de trabalho.

A demanda da empresa foi clara:
modernizar o design, melhorar a usabilidade e criar uma versão mobile consistente com a interface desktop.

Este projeto não contou com etapa de descoberta, pesquisas ou testes iniciais — o foco foi UI Design, redesign visual e adaptação da experiência para múltiplos dispositivos.

1. Desafio

O principal desafio foi transformar um sistema já estruturado em uma interface mais clara, organizada e coerente, sem alterar a lógica interna ou funcionalidades existentes.

Além disso, era necessário criar uma interface mobile do zero, mantendo consistência visual e garantindo legibilidade e navegabilidade em telas reduzidas.

CLIENTE

VOLVO CARS

MINHA ATUAÇÃO

Trabalhando na Engineering Brasil, Uma das responsáveis pelo projeto, atuando como UX/UI Designer.

2. Papel e Responsabilidades

Atuei como UX/UI Designer, sendo responsável por:

  • Redesenho completo das interfaces existentes

  • Reestruturação visual para melhorar hierarquia, leitura e alinhamento

  • Criação da versão mobile seguindo os componentes e padrões definidos

  • Prototipação das telas em alta fidelidade

  • Padronização de elementos para garantir consistência

  • Revisão de acessibilidade visual (contraste, tipografia, espaçamento)

  • Entrega de componentes revisados e especificações para desenvolvimento

3. Processo de Design

Mesmo sem etapa de descoberta, utilizei um processo de UI organizado e claro:

3.1 Levantamento e análise das telas existentes

  • Identificação de inconsistências visuais

  • Priorização de telas com maior impacto

  • Mapeamento de variações de componentes

3.2. Proposta de redesign

Foco em:

  • Simplificação visual

  • Maior contraste e legibilidade

  • Redução da carga cognitiva

  • Padronização de botões, tabelas, inputs e filtros

3.3. Criação da versão mobile

Como não existia versão responsiva, o trabalho envolveu:

  • Reorganização de componentes

  • Criação de novos padrões de navegação

  • Adequação de tabelas e listas para telas menore

3.4. Protótipos em alta fidelidade

  • Entregues via Figma

  • Com especificações e interações sugeridas para dev

  • Inclusão de exemplos de comportamento visual

4. Impacto e Resultados

Mesmo sem pesquisas estruturadas, o redesign trouxe melhorias percebidas pelos stakeholders:

  • Interface mais moderna, limpa e coerente

  • Redução do esforço de leitura em telas densas

  • Padronização visual que diminui erros e retrabalhos na implementação

  • Nova experiência mobile, permitindo maior flexibilidade no uso do sistema

  • Redução da curva de aprendizado para novos usuários

  • Comunicação visual unificada com a identidade digital da empres

5. Aprendizados

O projeto mostrou que, mesmo sem uma fase formal de descoberta, é possível alcançar resultados significativos combinando benchmark, análise crítica da interface existente e princípios sólidos de UI. A criação da versão mobile reforçou a importância de repensar hierarquia e prioridades, não apenas reajustar elementos.

Trabalhar com a identidade oficial da Volvo Cars destacou o valor de manter consistência visual e seguir guidelines bem estruturadas. No geral, o projeto reforçou minha capacidade de atuar com agilidade, organização e foco em clareza visual, entregando interfaces modernas, consistentes e eficientes.

6. Ferramentas

No redesign do sistema da Volvo, as ferramentas de UI foram fundamentais para garantir consistência visual e uma experiência mais moderna e eficiente. A pesquisa de mercado e o benchmark orientaram as escolhas de layout e padrões de interface utilizados no novo design. O Figma foi a ferramenta central para criação dos fluxos, protótipos de alta fidelidade e documentação visual.

Além disso, toda a identidade visual e iconografia oficial da Volvo Cars foi utilizada como base, garantindo alinhamento com o branding global da marca e total coerência com as diretrizes visuais já existentes. Essas ferramentas permitiram uma entrega sólida, estruturada e visualmente integrada ao ecossistema Volvo.

Conclusão

O projeto de redesign do sistema da Volvo trouxe uma evolução visual e de usabilidade significativa, mesmo dentro de um contexto sem etapa formal de descoberta. Ao aplicar princípios sólidos de interface e coerência visual, conseguimos transformar uma interface antiga em uma solução mais clara, consistente e adaptada às necessidades do uso real.

A criação da versão mobile expandiu o alcance do produto, proporcionando flexibilidade de uso e melhorando a experiência de usuários que dependem do sistema em diferentes contextos. A padronização dos componentes e a organização dos elementos permitiram reduzir ruídos visuais, melhorar a eficiência na leitura de informações complexas e apoiar a equipe de desenvolvimento com especificações mais claras.

Esse trabalho reforça a importância de considerar a hierarquia de informações, legibilidade e consistência visual no design de interfaces, especialmente quando lidamos com sistemas com grande volume de dados e fluxos intensivos de uso.